<template>
	<view>
		<view class="top">
			<text>京享有品·靠谱躺赢</text>
		</view>
		
		<view class="list-cell" v-for="(item,index) in list" :key="index">
			<view class="cell-title">
				<text>{{item.title}}</text>
			</view>
			<view class="line"></view>
			<view class="cell-content">
				<text>{{item.content}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list:[
					{
						title:'成长任务一:升级为超级会员开启赚钱特权',
						content:'点击“会员”，查看成为会员的任务，邀请相应数量的好友，即可升级为会员开启赚钱特权!动动手指分享京东质保商品即可轻松月入过万!'
					},
					{
						title:'成长任务二:学习如何选品和微信推广策略',
						content:'您可以在商城内选择商品推荐到微信群内或朋友圈中，用户购买您就能获得相应佣金推广收益，收益月月可提现，兼职发发品质过硬的京东正品，售前售后全程无忧!轻松躺赚!'
					},
					{
						title:'成长任务三:发展粉丝团队',
						content:'邀请身边的小伙伴一起加入京东购物捡漏乐趣!捡漏同时你还能获商品佣金的推广奖励，有钱这样省互惠更双赢!'
					},
					{
						title:'成长任务四:学习更多赚钱经验',
						content:'更多躺赚升级经验，请打开平台，点击底部[攻略]→[商学院]栏目中学习'
					}
				]
			}
		},
		computed: {
			userInfo () {
				return this.$store.state.userInfo
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
page {
	background-color: #EEEEEE;
}
.top {
	width: 100%;
	height: 90px;
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	justify-content: center;
	background-color: white;
	text {
		font-size: 28px;
		color: red;
	}
}

.list-cell {
	margin-top: 20px;
	background-color: white;
	.line {
		width: 100%;
		height: 2px;
		background-color: #EEEEEE;
	}
	.cell-title {
		padding:16px 30px;
		
		text {
			color: #333333;
			font-size: 28px;
		}
	}
	.cell-content {
		padding:16px 30px;
		
		text{
			color: #666;
			font-size: 24px;
		}
	}
}
</style>
